body{
    background-color: rgb(226, 226, 226);
}
  

  .banner {
    /* Fondo del banner */
    background: linear-gradient(to bottom, #34db7f, #29b98e);
    /* Tamaño del banner */
    width: 100%;
    height: 140px;
    /* Redondear esquinas */
    border-radius: 10px;
    /* Sombra */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    /* Animación */
 
    /* Centrar texto horizontalmente */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .banner-text {
    /* Color del texto */
    color: #fff;
    /* Tamaño del texto */
    font-size: 36px;
    /* Fuente del texto */
    font-family: Arial, sans-serif;
    /* Estilo del texto */
    font-weight: bold;
    /* Texto en mayúsculas */
    text-transform: uppercase;
    /* Animación del texto */
  
  }
  
  @keyframes banner-animation {
    0% {
      transform: scale(0.9);
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(0.9);
    }
  }
  
  @keyframes text-animation {
    0% {
      transform: translateY(-20px);
      opacity: 0;
    }
    50% {
      transform: translateY(0);
      opacity: 1;
    }
    100% {
      transform: translateY(20px);
      opacity: 0;
    }
  }